.ix-button(@flag, @color, @color-active) {
    .ux-@{flag} {
        background-color: @color;
        border: solid 1px @color;
        color: white;

        &:hover, &:active, &:focus {
            border: solid 1px @color-active;
            background-color: @color-active;
            color: white;
        }
    }
    .ux-i@{flag} {
        background-color: white;
        border: solid 1px @color;
        color: @color;

        &:hover, &:active, &:focus {
            border: solid 1px @color-active;
            background-color: @color-active;
            color: white;
        }
    }
}